<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue模板语法.html</title>
    <!--导入js package-->
    <script type="text/javascript" src="../01-vue_js/vue.js"></script>
</head>
<body>
<div id="root">
    <!--js的表达式-->
    <h1>插值语法</h1>
    <h1>Hello! {{name.toUpperCase()}}</h1>
    <hr/>
    <h1>指令语法</h1>
    <a v-bind:href="url">我要去gitee</a>
    <a :href="url">我要去github</a>
</div>

<script type="text/javascript">
    // 关闭开发环境的警告提示
    Vue.config.productionTip = false
    // 创建vue的对象
    new Vue({
        el: '#root', // el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
        data: {  // data中用于存储数据，数据供e1所指定的容器去使用。 先成为一个对象
            name: "jiale-xiong1111",
            address:"上海",
            url:"https://gitee.com/xjl2462612540"
        }
    })
</script>
</body>
</html>